.wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  .categoryTitle {
    margin: 5px 0 10px;
    width: 345px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: @auxiliary-color;
  }
  .card {
    margin-bottom: 15px;
    width: 345px;
    height: 70px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 8px;
    background-color: @bg-light;
    position: relative;
    .icon {
      width: 36px;
      height: 36px;
    }
    .content {
      display: flex;
      flex-direction: column;
      margin-left: 15px;
      .contentTitle {
        line-height: 24px;
        font-size: 18px;
        color: @main-text-color;
        font-weight: bold;
      }
      .contentDesc {
        line-height: 18px;
        font-size: 12px;
        color: @auxiliary-color;
        max-width: 248px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .next {
      position: absolute;
      right: 15px;
      .nexticon {
        color: @border-light;
      }
    }

  }
}